

<HTML>
<HEAD>
<TITLE>Sixth Test of Section 18.5 of CSS2 Spec</TITLE>

<STYLE TYPE="text/css">
img {position: relative}
p {position: absolute}





</STYLE>
</HEAD>




<BODY>
<h1 >
Testing Sixth Testable Statement of Sec 18.5 of CSS2 Specification
</h1>


<ul>
<li  >
6. When magnifying an image, UAs should preserve the relationships between
positioned elements (both relative and absolute).
</ul>




<h2 >
PASS CRITERIA (some overlapping lines):
</h2>
<p>
If statement #6 above is passed, then
<img src="ovalbbut.gif" height=100 width=100> this image should be
absolutely positioned with (HTML rules) height of 100 and width of 100.
The rule is "img {position: absolute}".
There is some text below this image which should be correctly positioned.
The rule specified is 
"p {position: relative}".
<p >
The image here <img src="ovalbbut.gif" height=200 width=200> should also
be absolutely positioned, with (HTML rules) width of 200 and height of 200.
The rule again is "img {position: absolute}".
<p>
The text below this larger image should again be correctly positioned with
respect to the image.
The rule again is "p {position: relative}".
<p>
All positioning should be preserved in the above images.
All other properties of this page should be UA-default.


</BODY>
</HTML>

